<!DOCTYPE html>
<html class="x-admin-sm">

<head>
    <meta charset="UTF-8">
    <title>欢迎页面-X-admin2.2</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"/>
    <link rel="stylesheet" href="../css/font.css">
    <link rel="stylesheet" href="../css/xadmin.css">
    <script type="text/javascript" src="../lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="../js/xadmin.js"></script>

    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>

    <![endif]-->
</head>
<body>
<div class="layui-fluid">
    <div class="layui-row">
        <form class="layui-form">
            <div class="layui-form-item">
                <label for="name" class="layui-form-label">
                    姓名
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="name"  name="name" required="" lay-verify="required"
                           autocomplete="off" class="layui-input" >
                </div>
                <div class="layui-form-mid layui-word-aux">
                    <span class="x-red">*</span>请填入真实姓名
                </div>
            </div>
            <div class="layui-form-item">
                <label for="account" class="layui-form-label">
                    账号
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="account" name="username" required="" lay-verify="required"
                           autocomplete="off" class="layui-input" disabled>
                </div>
                <div class="layui-form-mid layui-word-aux">
                    <span class="x-red"></span>禁用
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">性别</label>
                <div class="layui-input-block">
                    <input type="radio" name="gender" value="1" title="男">
                    <input type="radio" name="gender" value="2" title="女">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">角色</label>
                <div class="layui-input-block">
                    <input type="radio" name="role" value="1" title="业务">
                    <div class="layui-unselect layui-form-radio"><i class="layui-anim layui-icon"></i></div>
                    <input type="radio" name="role" value="2" title="风控">
                    <div class="layui-unselect layui-form-radio layui-form-radioed"><i
                            class="layui-anim layui-icon layui-anim-scaleSpring"></i></div>
                    <input type="radio" name="role" value="3" title="财务">
                    <div class="layui-unselect layui-form-radio"><i class="layui-anim layui-icon"></i></div>
                </div>
            </div>
            <div class="layui-form-item">
                <label  class="layui-form-label">
                    旧密码
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="oldpass"  name="oldpass" required="" lay-verify="required"
                           autocomplete="off" class="layui-input" disabled="disabled">
                </div>
                <div class="layui-form-mid layui-word-aux">
                    <span class="x-red"></span>禁用
                </div>
            </div>
            <div class="layui-form-item">
                <label for="L_pass" class="layui-form-label">
                    新密码
                </label>
                <div class="layui-input-inline">
                    <input type="password" id="L_pass" name="pass" required="" lay-verify="pass"
                           autocomplete="off" class="layui-input">
                </div>
                <div class="layui-form-mid layui-word-aux">
                    <span class="x-red"></span> 6到16个字符
                </div>
            </div>
                <div class="layui-form-item">
                    <label for="L_repass" class="layui-form-label">
                        确认密码
                    </label>
                    <div class="layui-input-inline">
                        <input type="password" id="L_repass" name="repass" required="" lay-verify="repass"
                               autocomplete="off" class="layui-input">
                    </div>
                    <div class="layui-form-mid layui-word-aux">
                        <span class="x-red"></span>两次密码要一致
                    </div>
                </div>
            <div class="layui-form-item">
                <label for="L_repass" class="layui-form-label">
                </label>
                <button class="layui-btn" lay-filter="add" lay-submit="">
                    修改
                </button>
            </div>
        </form>
    </div>
</div>
<script src="../js/jquery-1.4.2.js"></script>
<script src="../js/common/ajaxcommon.js"></script>
<script>

    //获取url中的值
    function getParams(id){
        var reg = new RegExp("(^|&)" + id + "=([^&]*)(&|$)");
        var r = window.location.search.substr(1).match(reg);
        if(r!=null){
            return unescape(r[2]);
        }
        return null;
    }
    var id = getParams("id"); //将获取的url的值赋值给变量id，

    requestAjax("/background/administrator/getIdFindAdministrator",{id:id},function (data) {
        if (data.data.id===1) {
            var $bioa=$("form .layui-form-item");
            $("#account").attr("disabled","disabled");
            $bioa.eq(3).empty()
            $bioa.eq(5).empty()
            $bioa.eq(6).empty()
        }
        console.log(data);
        $("#name").val(data.data.name);
        $("#account").val(data.data.account);
        $("#oldpass").val(data.data.password);
        if (data.data.gender===1)
            $("input[name=\"gender\"]").eq(0).attr( "checked","checked");
        else
            $("input[name=\"gender\"]").eq(1).attr( "checked","checked");
        if (data.data.role===1)
            $("input[name=\"role\"]").eq(0).attr( "checked","checked");
        else  if (data.data.role===2)
            $("input[name=\"role\"]").eq(1).attr( "checked","checked");
        else  if (data.data.role===3)
            $("input[name=\"role\"]").eq(2).attr( "checked","checked");

    });



    layui.use(['form', 'layer'],
        function () {
            $ = layui.jquery;
            var form = layui.form,
                layer = layui.layer;

            //自定义验证规则
            form.verify({
                nikename: function (value) {
                    if (value.length < 5) {
                        return '昵称至少得5个字符啊';
                    }
                },
               // pass: [/(.+){6,12}$/, '密码必须6到12位'],
                repass: function (value) {
                    if ($('#L_pass').val() != $('#L_repass').val()) {
                        return '两次密码不一致';
                    }
                }
            });

            //监听提交
            form.on('submit(add)',
                function (data) {
                    var param={id:id,name:data.field.name,account:data.field.username,password:data.field.repass,gender:data.field.gender,role:data.field.role,status:1};
                    console.log(param);
                    requestAjax("/background/administrator/insertAndUpdateAdministrator", param,
                        function (data) {
                            if (data.result){
                                //发异步，把数据提交给php
                                layer.alert("修改成功", {
                                        icon: 6
                                    },
                                    function () {
                                        //关闭当前frame
                                        xadmin.close();
                                        // 可以对父窗口进行刷新
                                        xadmin.father_reload();
                                    });
                            }else {
                                //发异步，把数据提交给php
                                layer.alert(data.msg, {
                                        icon: 2
                                    },
                                    function () {
                                        //关闭当前frame
                                        xadmin.close();
                                    });
                            }


                            console.log(data)
                        });

                    return false;
                });

        });</script>
<script>var _hmt = _hmt || [];
(function () {
    var hm = document.createElement("script");
    hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190";
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(hm, s);
})();</script>
</body>

</html>
